﻿@model MobilnyDostawca.ViewModels.StatystykiViewModel

@{
    ViewBag.Title = "Statystyki";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Statystyki</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("Index", "Statistic", Model)) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>Dane statystyczne</legend>
    <div class="display-label">Zakres</div>
    <div class="display-field">
        @Html.DropDownList("ZakresStatystyka", Model.ZakresStatystyki, string.Empty, new { id = "ZakresStatystykaID" })
        @Html.ValidationMessageFor(model => model.ZakresStatystyka)
    </div>

    <div class="display-label">Liczba przesyłek</div>
    <div class="display-field">
        @Html.DisplayFor(model => model.LiczbaPrzesylek)
    </div>

    <div class="display-label">Liczba dostarczonych przesyłek</div>
    <div class="display-field">
        @Html.DisplayFor(model => model.LiczbaDostarczonychPrzesylek)
    </div>

    <div class="display-label">Najwięcej dostarczonych przesyłek</div>
    <div class="display-field">
    @for (int i = 0; i < Model.NajwiecejPrzesylekDostawca.Count; i++)
    {
        @Html.DisplayFor(modelItem => Model.NajwiecejPrzesylekDostawca[i])
        if (i < Model.NajwiecejPrzesylekDostawca.Count - 1) 
        { 
             @Html.Label(", ")
        }
    }
    </div>

    <div class="display-label">Najmniej dostarczonych przesyłek</div>
    <div class="display-field">
    @for (int i = 0; i < Model.NajmniejPrzesylekDostawca.Count; i++)
    {
        @Html.DisplayFor(modelItem => Model.NajmniejPrzesylekDostawca[i])
        if (i < Model.NajmniejPrzesylekDostawca.Count - 1) 
        { 
             @Html.Label(", ")
        }
    }
    </div>
    <p>
         <input type="submit" value="Filtruj dane" title="Filtruj dane"/>
    </p>
</fieldset>
@*<fieldset>
    <legend>Filtry</legend>
    <div class="editor-label">
        <label>Region</label> 
        <label style="margin-left: 20%;">Subregion</label> 
        <label style="margin-left: 18%;">Dostawca</label> 
        <label style="margin-left: 19%;">Skala</label> 
    </div>
    <div class="editor-field">
        @Html.DropDownList("Region", Model.Regiony, string.Empty, new { id = "RegionID", style="width: 24%;" })
        @Html.ValidationMessageFor(model => model.Region)
        @Html.DropDownList("Subregion",Enumerable.Empty<SelectListItem>(), string.Empty, new { id = "SubregionID", style="width: 24%;" })
        @Html.ValidationMessageFor(model => model.Subregion)
        @Html.DropDownList("Dostawca", Model.Dostawcy, string.Empty, new { id = "DostawcaID", style="width: 24%;" })
        @Html.ValidationMessageFor(model => model.Dostawca)
        @Html.DropDownList("SkalaWykres", Model.SkalaWykresy, string.Empty, new { id = "SkalaWykresID", style="width: 24%;" })
        @Html.ValidationMessageFor(model => model.SkalaWykres)
    </div>
    <p>
         <input type="submit" value="Filtruj wykres" title="Filtruj wykres"/>
    </p>
</fieldset>
<fieldset>
    <legend>Wykres</legend>
</fieldset>*@
}

<script type="text/javascript">
    $('#RegionID').change(function () {
        var selectedRegion = $(this).val();
        if (selectedRegion != null && selectedRegion != '') {
            $.getJSON('@Url.Action("GetSubregionsForRegion", "Parcel")', { region: selectedRegion }, function (subregions) {
                var subregionsSelect = $('#SubregionID');
                subregionsSelect.empty();
                $.each(subregions, function (index, subregion) {
                    subregionsSelect.append($('<option/>', {
                        value: subregion.Value,
                        text: subregion.Text
                    }));
                });
            });
        }
    });
</script>